$(function () {
  var form = layui.form;
  var laypage = layui.laypage;
  //定义查询参数
  var q = {
    pagenum: 1,
    pagesize: 2,
    cate_id: "",
    state: "",
  };
  // 定义美化时间的过滤器
  template.defaults.imports.dataFormat = function (date) {
    const dt = new Date(date);

    var y = dt.getFullYear();
    var m = padZero(dt.getMonth() + 1);
    var d = padZero(dt.getDate());

    var hh = padZero(dt.getHours());
    var mm = padZero(dt.getMinutes());
    var ss = padZero(dt.getSeconds());

    return y + "-" + m + "-" + d + " " + hh + ":" + mm + ":" + ss;
  };

  // 定义补零的函数
  function padZero(n) {
    return n > 9 ? n : "0" + n;
  }
  //获取分类列表数据
  initArtList();
  function initArtList() {
    $.ajax({
      method: "get",
      url: "/my/article/list",
      data: q,
      success: function (res) {
        console.log(res);
        var htmlStr = template("tplList", res);
        $("tbody").html(htmlStr);
        renderPage(res.total);
      },
    });
  }
  function renderPage(total) {
    laypage.render({
      elem: "page-box", //注意，这里的 test1 是 ID，不用加 # 号
      count: total, //数据总数，从服务端得到
      limit: q.pagesize,
      curr: q.pagenum,
      limits: [2, 3, 6, 10],
      layout: ["count", "prev", "page", "next", "skip", "limit"],
      jump: function (obj, first) {
        //obj包含了当前分页的所有参数，比如：
        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        console.log(obj.limit); //得到每页显示的条数
        q.pagenum = obj.curr;
        q.pagesize = obj.limit;
        //首次不执行
        if (!first) {
          //do something
          initArtList();
        }
      },
    });
  }
  //获取分类筛选框
  initCateList();
  function initCateList() {
    $.ajax({
      method: "get",
      url: "/my/article/cates",

      success: function (res) {
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        //渲染数据
        var htmlTpl = template("cateListTpl", res);
        $("[name=cate_id]").html(htmlTpl);
        form.render();
      },
    });
  }
  //实现筛选功能
  $("#selectForm").on("submit", function (e) {
    e.preventDefault();
    //获取用户选择的值
    cateId = $("[name=cate_id]").val();
    state = $("[name=state]").val();
    // 修改查询参数
    q.cate_id = cateId;
    q.state = state;
    initArtList();
  });
  //实现删除功能
  $("tbody").on("click", "#btnDel", function () {
    var artId = $(this).attr("data-id");
    console.log(artId);
    var len = $(".btnDel").length;
    layer.confirm("确定删除吗?", { icon: 3, title: "提示" }, function (index) {
      //do something
      $.ajax({
        method: "get",
        url: "/my/article/delete/" + artId,

        success: function (res) {
          if (res.status !== 0) {
            return layer.msg(res.message);
          }
          layer.msg("删除成功啦！");
          if (len === 1) {
            // 如果 len 的值等于1，证明删除完毕之后，页面上就没有任何数据了
            // 页码值最小必须是 1
            q.pagenum = q.pagenum === 1 ? 1 : q.pagenum - 1;
          }
          initArtList();
        },
      });
      layer.close(index);
    });
  });
});
